import echarts from 'echarts';
import Vue from 'vue'
import Vuex from 'vuex'

export default {
 
  }

// Vue.use(Vuex)

// export default new Vuex.Store({
//     modules:{
//         charts: {
//             namespaced: true,
//             state: {
//               instances: {},
//             },
//             mutations: {
//               addChartInstance(state, payload) {
//                 Vue.set(state.instances, payload.id, payload.instance);
//               },
//               removeChartInstance(state, id) {
//                 Vue.delete(state.instances, id);
//               },
//               updateChartOption(state, payload) {
//                 const chart = state.instances[payload.id];
//                 if (chartInstance) {
//                   chart.setOption(payload.option);
//                 }
//               },
//             },
//             actions: {
//               createChart({ commit }, payload) {
//                 console.log('createChart:',document.getElementById(payload.id));
//                 const instance = echarts.init(document.getElementById(payload.id));
//                 instance.setOption(payload.option);
//                 commit('addChartInstance', { id: payload.id, instance });
//               },
//               destroyChart({ commit }, id) {
//                 const chart = store.state.charts.instances[id];
//                 if (chartInstance) {
//                   chart.dispose();
//                 }
//                 commit('removeChartInstance', id);
//               },
//               updateChart({ commit }, payload) {
//                 commit('updateChartOption', payload);
//               },
//             },  
//           },
//     }
  
// })

